﻿*{padding:0;margin:0;}
div,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,img,ol,ul,li,table,th,td,p,span,a{/*border:0;*/}
img,input{/*border:none;vertical-align:middle;*/}
body{font:normal 12px/18px  Arial, Helvetica, sans-serif;text-align:left;background:#808080;color:#333;}
html{overflow-y:scroll;}
ul,ol{list-style-type:none;}
th,td,input{font-size:12px;}
pre {
white-space: pre-wrap;
word-wrap: break-word;
}
button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:12px;}
/*.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}*/
.clear:after {content:"\200B";display:block;height:0;clear:both;} 
.clear {*zoom:1;}
a {outline:none; noFocusLine: expression(this.onFocus = this.blur())}
a:link,a:visited{text-decoration:none;color:#333;}
a:hover,a:active{text-decoration:underline;color:#333;}
.t-l{text-align:left}
.t-c{text-align:center}
.t-r{text-align:right}
.break{word-break:break-all;word-wrap:break-word}
.nobreak{word-break:break-all;word-wrap:normal}
.unline{text-decoration:underline}
.fl{float:left}
.fr{float:right}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:14px;}
.pt10{ padding-top:10px}
.pb10{padding-bottom:10px;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}
.mt10{ margin-top:10px;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}
.mb10{ margin-bottom:10px;}
.lh24{line-height:24px;}
.lh30{line-height:30px;}
.f-red{color:#db0000;}
.red:link,.red:visited{text-decoration:none;color:#db0000;}
.red:hover,.red:active{text-decoration:underline;color:#db0000;}
.f-white{color:#db0000;}
.white:link,.white:visited{text-decoration:none;color:#ffffff;}
.white:hover,.white:active{text-decoration:underline;color:#ffffff;}
.lh24{line-height:24px;}
.lh30{line-height:30px;}
/*==Global style End==*/
#flash{position:absolute;width:1002px;height:640px;left:50%;top:50%;margin-left:-501px;margin-top:-320px;}
/*==Indexflash End==*/
#container{width:942px;margin:auto;}
#wraper{width:auto; margin:0 auto}
#header{height:auto; background:url(../images/topen.png) right top repeat-y; height:96px}
.headerright{ float:right; color:#FFFFFF; font-size:12px; padding-top:20px; line-height:14px; padding-right:10px}
h1{width:auto;height:auto; float:left  }
/*h1 a{position:relative; width:300px; height:100px; display:block; margin-left:20px; margin-top:20px; text-decoration:none}
h1 a:hover{position:relative; width:300px; height:100px; display:block; margin-left:20px; margin-top:20px; text-decoration:none}
*/
#language{ text-align:right; height:24px; color:#FFFFFF; padding-top:20px}
#language a{ color:#FFFFFF; text-decoration:none; padding:0 5px}
#language a:hover{ color:#FFFFFF; text-decoration:underline; padding:0 5px}
#mainnav{clear:both;float:left;height:55px; background:#000000; width:100%; margin-bottom:19px; color:#FFFFFF; font-size:14px; font-weight:bold; text-transform:uppercase; line-height:55px; }
#mainnav a{ color:#FFFFFF; text-decoration:none; padding:0px 43px;  display:block; float:left }
#mainnav a:hover{ color:#FFFFFF; text-decoration:none ;padding:0px 43px; background:url(../images/menuen.png) center top repeat-x; display:block; float:left }
.loacation{ font-size:14px;  line-height:53px; color:#FFFFFF}
.loacation1{ font-size:14px;    color:#FFFFFF; margin-bottom:10px}
 #bottomnav{}
.bannerleft{clear:both; overflow:hidden; width:471px; height:364px; float:left}
.about{ float:left; width:471px; background:#FFFFFF;height:364px; overflow:hidden}
.about .title{ background:url(../images/abouten.png) left top repeat-x; height:40px; line-height:40px; padding-left:18px; color:#77aad3; font-size:14px}
.about .content{ line-height:24px; padding:25px 18px}
#main{ background:#FFFFFF; border:#d3d5d9 1px solid; padding:25px; margin-bottom:20px;}
.right{ background:#FFFFFF; border:#d3d5d9 1px solid; padding:25px; width:650px; float:left; margin-right:20px; margin-bottom:20px; line-height:30px;  }
.left{ background:#FFFFFF; border:#d3d5d9 1px solid;  width:218px; float:left;  margin-bottom:20px}
#main .title ,.right .title,.main2 .title{ font-family:Georgia, "Times New Roman", Times, serif; font-size:36px; text-transform:uppercase ; border-bottom:#efefef 1px solid; line-height:50px; margin-bottom:28px}
.proleft{ line-height:28px; color:#666666; font-size:14px}
.proleft h2{ color:#000000; font-size:18px; font-weight:100}
.left .title  { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; text-transform:uppercase ; border-bottom:#efefef 1px solid; line-height:50px;   padding-left:18px}
.left ul li{height:30px; line-height:30px; display:block;}
.left ul li  a{ padding-left:18px;text-decoration:none;display:block;}
.left ul li a:hover{ background:url(../images/lihover.png) left top repeat-x;height:30px; line-height:30px; display:block; padding-left:18px; text-decoration:none}




.main2{ background:#FFFFFF; border:#d3d5d9 1px solid; padding:25px; border-bottom:none}
.contact{ width:410px; margin-right:60px;color:#666666; float:left}
.contact strong{ color:#000}
.contact .title{ font-size:14px; color:#5ea5c2; border-bottom:#ededed 1px solid; padding-right:50px; text-transform:uppercase; line-height:35px; margin-bottom:10px; }
.contact form{ padding:10px 0} 
.contact form input{ background:#FFFFFF; border:#e6e6e6 1px solid; color:#666666; height:22px; line-height:22px; padding:0px 5px; width:150px; display:block; margin-bottom:5px} 


.contact form textarea{ background:#FFFFFF; border:#e6e6e6 1px solid; color:#666666; height:75px; line-height:22px; padding:0px 5px; width:340px; display:block; margin-bottom:5px}
.contact form .btboto{ font-size:14px; color:#FFFFFF; background:#0e8601; width:75px; line-height:33px; height:33px} 

.news{width:369px; float:left; overflow:hidden}
.news .title{ font-size:14px; color:#5ea5c2; border-bottom:#ededed 1px solid; padding-right:50px; text-transform:uppercase; line-height:35px; margin-bottom:10px; }
.newslist1 ul li{line-height:36px; }
.newslist1 ul li span{ color:#54aacb; font-weight:bold}
#left{width:220px;float:left;margin-right:10px; overflow:hidden}
#center{width:220px;float:left;margin-right:10px;overflow:hidden}
#right{width:772px;float:left;overflow:hidden}
#footer{ background:#f7f7f7; border-top:#e5e5e5 1px solid; margin-bottom:20px;border:#d3d5d9 1px solid; }
.menu{ line-height:28px; padding-top:44px; padding-bottom:20px; color:#54aacb}
.menu a{color:#54aacb; text-decoration:none; padding:0px 30px}
.menu a:hover{color:#54aacb; text-decoration:underline}
.zzb07tail{font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#666666;}
a.zzb07link{font-family:Arial, Helvetica, sans-serif;font-size: 12px;text-decoration:none;color: #666666;}
a.zzb07link:hover {text-decoration:underline;color:#666666;}
.table{border-collapse:collapse;margin:auto;}
.table td{border:#f1f1f1 1px solid;padding:2px 5px;}
/*==Index End==*/
.search input{border:#333333 0px solid;height:20px;font-family:Arial, Helvetica, sans-serif;width:168px;color:#000; background:none; float:left;font-size:12px;}
.search .bt{ width:20px; height:20px; float:left}
.search{ width:188px; height:20px; background:#b3b3b3; margin-bottom:10px}
/*==Form style End==*/
.newslist ul li{line-height:30px;border-bottom:#e4e4e4 1px dashed; background:url(../images/libg.gif) left center no-repeat; padding-left:10px;}
.newslist ul li span{float:right;line-height:30px;}

.imglist ul li{text-align:center;float:left;display:inline;width:190px;height:172px;border:#e4e4e4 1px solid;margin:5px 10px;overflow:hidden;}
.imglist ul li img{background:#FFFFFF;width:190px;height:148px;}
.imglist ul li span{line-height:24px;height:24px;display:block;background:#F3F3F3;}


#subleft{width:209px;float:left;margin-right:34px;overflow:hidden}
#subleft-title{font-size:16px; font-weight:bold; color:#616161;background:url(../images/left_01.jpg) left center no-repeat; font-family:"微软雅黑"; height:35px; text-align:center; padding-top:10px;}
#subleft-title span{ font-family:Arial, Helvetica, sans-serif; height:12px; color:#333;}
#subleft ul{ list-style:none;}
#subleft ul li{color:#333; line-height:39px; height:39px;  display:block; text-align:center; font-family:"微软雅黑"; font-size:14px;}
#subleft ul li a{ color:#333; background: url(../images/libg.jpg) left top no-repeat ;  text-decoration:none; display:block;  line-height:39px; height:39px;}
#subleft ul li a:hover{ color:#ffffff ; text-decoration:none; background: url(../images/libg.jpg) left bottom no-repeat;display:block; line-height:39px; height:39px;}
#subright{width:220px;float:left;overflow:hidden}
.subtitle{background:url(../images/title.jpg)  left bottom no-repeat; height:30px; line-height:30px; padding-left:15px; font-size:14px}

/*==Sub End==*/
.content{padding:10px;}
h3{ line-height:24px; border-bottom:#e2e2e2 1px dashed; display:block; margin-bottom:10px; text-align:center; padding:20px 0}
.pnpage{ background:#fff5e8; border-top:#c08742 2px solid}


/*==Details End==*/
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 500px;
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
/*==横向滚动菜单==*/
 .indexCol_banner{overflow:hidden; margin:0 auto }
 
/*.indexCol_banner .slider .nivo-controlNav{ display:none;}*/
.nivo-directionNav a {background: url(arrows.png) no-repeat 0 0;border:0 none; display:block;height:30px;text-indent:-9999px;width:30px;}
a.nivo-nextNav {background-position:-30px 0;right:15px;}
a.nivo-prevNav {left:15px;}

.nivoSlider {position:relative;}
.nivoSlider img {position:absolute; top:0px; left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%;	height:100%; border:0; padding:0; margin:0; z-index:60;	display:none;}
.nivo-slice {display:block; position:absolute; z-index:50; height:100%;}
.nivo-caption {position:absolute; left:0px; bottom:0px; background:#ff0000; color:#ffff00; opacity:0.8; width:100%; z-index:89;}
.nivo-caption p {padding:5px; margin:0;}
.nivo-directionNav a {position:absolute; top:45%; z-index:99; cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
.nivo-controlNav {position:absolute; right:0; bottom:0; height:20px; width:100%; overflow:hidden; padding-right:3px; text-align:right; background:#fffff; color:#FF0; filter:alpha(style=1,opacity=5,finishOpacity=80); z-index:500;}
.nivo-controlNav a {padding:1px 10px; border-left:#cccccc 1px solid; height:20px; line-height:20px; font-size:9px; color:#fff; cursor:pointer; font-family:sans-serif; background-color:#666;}
.nivo-controlNav a.active {background-color:#999;}
/*==首页切换大图==*/
.container, .container *{margin:0; padding:0;}
.container{width:471px; height:364px; overflow:hidden;position:relative;  }

.slider{position:absolute;}
.slider li{ list-style:none;display:inline;}
.slider img{ width:471px; height:364px; display:block; background:#fff}

.slider2{width:2000px;}
.slider2 li{float:left;}

.num{ position:absolute; right:5px; bottom:5px;}
.num li{
	float: left;
	color: #FF7300;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
	margin: 3px 1px;
	border: 1px solid #FF7300;
	background-color: #fff;
}
.num li.on{
	color: #fff;
	line-height: 21px;
	width: 21px;
	height: 21px;
	font-size: 16px;
	margin: 0 1px;
	border: 0;
	background-color: #FF7300;
	font-weight: bold;
}